<!doctype html>
<html lang="en">
  <head>
    <script type="module" crossorigin src="/frontend-mini-challenges/css/assets/navbar-C7CEKbuS.js"></script>
    <script type="module" crossorigin src="/frontend-mini-challenges/css/assets/header-B517VqJC.js"></script>
    <link rel="stylesheet" crossorigin href="/frontend-mini-challenges/css/assets/navbar-Dkne97UN.css">
    <link rel="stylesheet" crossorigin href="/frontend-mini-challenges/css/assets/header-DAZPOirm.css">
    <link rel="stylesheet" crossorigin href="/frontend-mini-challenges/css/assets/index-CKIcYkHh.css">
  </head>
  <body>
    <div class="container text-center">
      <main class="grid">
        <div>
          <h2>Square</h2>
          <div class="shape square"></div>
        </div>
        <div>
          <h2>Circle</h2>
          <div class="shape circle"></div>
        </div>

        <div>
          <h2>Triangle</h2>
          <div class="shape triangle"></div>
        </div>

        <div>
          <h2>Parallelogram</h2>
          <div class="shape parallelogram"></div>
        </div>

        <div>
          <h2>Diamond</h2>
          <div class="shape diamond"></div>
        </div>

        <div>
          <h2>Egg</h2>
          <div class="shape egg"></div>
        </div>

        <div>
          <h2>Star</h2>
          <div class="shape star"></div>
        </div>

        <div>
          <h2>Heart</h2>
          <div class="shape heart"></div>
        </div>
      </main>
    </div>
  </body>
</html>
